/* CSS Document */

.banner{ background:#e9e9e9; padding-bottom:15px;}

.order_pro{ height:190px; padding:25px 0 0 25px;}
.order_pro h2{ height:40px; line-height:40px; font-size:20px; color:#747475; font-weight:normal;}
.order_pro p{ font-size:12px; color:#bfc0c0; margin-bottom:25px;}
.order_pro .main{ position:relative; margin-left:85px;}
.order_pro .bg{ position:relative;}
.order_pro .bg dt{ width:80%; height:16px; background:#e5e5e5; position:absolute; left:20px; top:11px;}
.order_pro .bg dd{ float:left; display:inline; width:36px; height:36px; line-height:36px; text-align:center; background:url(../images/order/icon_order.png) no-repeat 0 -148px; position:relative; margin-right:255px;}
.order_pro .bg dd i{ color:#fff; text-shadow:1px 1px 1px #d5d5d5; font-style:normal;}
.order_pro .bg dd span{ width:130px; position:absolute; left:50%; margin-left:-65px; top:55px;}
.order_pro .bg dd.last{ margin-right:0;}
.order_pro .pro{ position:absolute; left:6px; top:6px;}
.order_pro .pro dt{ height:4px; font-size:0; line-height:0; background:#0ea4df; position:absolute; left:20px; top:11px;}
.order_pro .pro.pro_1 dt{ width:0;}
.order_pro .pro.pro_2 dt{ width:88%;}
.order_pro .pro.pro_3 dt{ width:94%;}
.order_pro .pro.pro_4 dt{ width:96%;}
.order_pro .pro dd{ float:left; display:inline; width:24px; height:24px; line-height:24px; background:url(../images/order/icon_order.png) no-repeat -147px 0; color:#fff; text-align:center; text-indent:-999em; overflow:hidden; margin-right:267px; position:relative;}
.order_pro .pro dd.last{ margin-right:0;}
.order_pro .pro .cur{ text-indent:0; background-position:-115px 0;}

/*订单详情*/
.order_waiting{ width:745px; height:198px; border:1px solid #e3e3e3; margin:0 auto 35px; position:relative; padding:60px 0 0 375px;}
.order_waiting i{ width:87px; height:87px; background:url(../images/order/icon_order.png) no-repeat -143px -98px; position:absolute; left:273px; top:78px;}
.order_waiting h3{ height:52px; line-height:52px; color:#010203; font-size:28px; font-weight:normal; margin-bottom:15px;}
.order_waiting p{ height:32px; line-height:32px; font-size:16px; color:#8d8d8e; margin-bottom:25px;}
.order_waiting a{ display:block; width:200px; height:70px; line-height:70px; text-align:center; color:#fff; font-size:26px; background:#ff802c;}

.order_list{ height:44px; border-left:1px solid #e0e0e0; margin:0 0 45px 43px;}
.order_list li{ float:left; display:inline; width:200px; height:42px; line-height:42px; text-align:center; font-size:20px; color:#6e6e6e; border:1px solid #e0e0e0; border-left:none; cursor:pointer; position:relative;}
.order_list .cur{ color:#fff; background:#ff802c; border-color:#ff802c;}
.order_list .cur i{ width:16px; height:8px; font-size:0; line-height:0; background:url(../images/public/icon_common.png) no-repeat -119px -92px; position:absolute; left:50%; bottom:-9px; margin-left:-8px;}

.order_detail{ width:1120px; margin:0 auto;}
.order_detail .detail_tit{ height:36px; line-height:36px; color:#505050; font-weight:normal; background:#ebebeb; padding-left:55px; margin-bottom:5px; position:relative;}
.order_detail .detail_tit i{ background:url(../images/order/icon_order.png) no-repeat; position:absolute; left:20px; top:50%;}
.order_detail .detail_tit .ico_baseinfo{ width:20px; height:20px; background-position:-96px -98px; margin-top:-10px;}
.order_detail .detail_tit .ico_contact{ width:11px; height:26px; background-position:-128px -98px; margin-top:-13px;}
.order_detail .detail_tit .ico_tour{ width:20px; height:27px; background-position:-52px -148px; margin-top:-13px;}
.order_detail .detail_tit .ico_trip{ width:22px; height:20px; background-position:-96px -125px; margin-top:-10px;}
.order_detail table{ width:100%; border:1px solid #d6d6d6; margin-bottom:35px;}
.order_detail caption{ height:28px; line-height:28px; text-align:left; font-size:16px; color:#686868;}
.order_detail caption i{ float:left; display:inline; width:7px; height:20px; background:#0ea4df; margin:4px 8px 0 0;}
.order_detail th{ height:38px; background:#f2f2f2; color:#9a9a9a; text-align:left; padding-left:20px;}
.order_detail td{ height:38px; color:#585858; text-align:left; padding-left:20px; word-break:break-all; word-wrap:break-word; border-top:1px dashed #b5b5b5;}
.order_detail td span{ color:#a3a3a3;}
.order_detail td i.ico_in,.order_detail td i.ico_out{ display:inline-block; width:22px; height:20px; background:url(../images/order/icon_order.png) no-repeat -96px -125px; margin:0 20px; vertical-align:middle;}
.order_detail div.order_trip{ padding-bottom:30px;}
.order_detail div.order_trip h4{ height:36px; line-height:36px; background:#f2f2f2; color:#505050; text-align:left; padding-left:5px;}
.order_detail div.order_trip h4 i{ float:left; display:inline; width:7px; height:20px; background:#0ea4df; margin:8px 8px 0 0;}
.order_detail div.order_trip ul{ border:1px solid #d6d6d6; overflow:hidden;}
.order_detail div.order_trip li{ line-height:20px; padding:9px 16px; border-top:1px dashed #d6d6d6; margin-top:-1px;}

/*微信管家*/
.order_wx{ display:none; width:1120px; margin:0 auto; padding-bottom:30px;}
.order_wx .steward{ margin-bottom:20px;}
.order_wx .steward h2{ height:36px; line-height:36px; font-size:16px; color:#505050; background:#ebebeb; padding-left:16px;}
.order_wx .steward .con{ height:168px; border:1px solid #d7d7d7; padding:38px 0 0 46px;}
.order_wx .steward img{ float:left; display:inline;}
.order_wx .steward p{ float:left; display:inline; height:110px; font-size:16px; color:#ff8c58; padding:40px 0 0 18px;}
.order_wx .steward ul{ float:right; display:inline; height:110px; padding:17px 18px 0 0;}
.order_wx .steward li{ float:left; display:inline; width:180px; height:100px; text-align:center; position:relative;}
.order_wx .steward li i{ display:block; background:url(../images/order/icon_steward.png) no-repeat; margin:0 auto;}
.order_wx .steward li span{ width:100%; position:absolute; left:0; bottom:0;}
.order_wx .steward li .ico_1{ width:79px; height:42px; background-position:0 0; margin-top:7px;}
.order_wx .steward li .ico_2{ width:56px; height:51px; background-position:-94px 0;}
.order_wx .steward li .ico_3{ width:57px; height:43px; background-position:-175px 0;}
.order_wx .steward li .ico_4{ width:49px; height:49px; background-position:-261px 0;}
.order_wx .ser{ background:#ebebeb; padding-top:15px;}
.order_wx .ser h3{ height:58px; line-height:58px; font-size:20px; font-weight:normal; color:#505050; padding-left:175px;}
.order_wx .ser dl{ height:140px;}
.order_wx .ser dt{ float:left; display:inline; width:140px; padding-left:33px;}
.order_wx .ser dt i{ display:block; width:79px; height:79px; background:url(../images/order/icon_steward.png) no-repeat;}
.order_wx .ser dt span{ padding-left:10px;}
.order_wx .ser dt .ico_1{ background-position:0 -80px;}
.order_wx .ser dt .ico_2{ background-position:-116px -80px;}
.order_wx .ser dt .ico_3{ background-position:-231px -80px;}
.order_wx .ser dd{ float:left; display:inline; width:880px; font-size:16px;}
.order_wx .ser dd h4{ height:32px; line-height:32px; font-weight:normal; color:#040404;}
.order_wx .ser dd h4 span{ color:#ff4b04; padding-left:6px;}
.order_wx .ser dd strong{ float:left; display:inline; color:#15a5df; font-weight:normal;}
.order_wx .ser dd p{ float:left; display:inline; width:830px; font-size:14px; color:#b0b0b0;}

/*填写订单*/
.order_confirm{ width:1100px; margin:0 auto; padding-bottom:50px;}
.order_confirm h2{ height:66px; line-height:66px; color:#010203; font-size:26px; font-weight:normal;}
.order_confirm .order_tit{ width:100%; height:42px; font-size:16px; color:#acacac; background:#e5e5e5; margin-bottom:20px;}
.order_confirm .order_tit td{ padding-left:15px;}

.order_confirm .select{ width:105px; height:28px; border:1px solid #ccc; margin-right:10px; position:relative; z-index:1;}
.order_confirm .select p{ height:28px; line-height:28px; font-size:16px; padding:0; background:#ededed; position:relative; cursor:pointer;}
.order_confirm .select .info{ display:block; width:64px; height:28px; line-height:28px; background:#fff; border-right:1px solid #ccc; padding:0 0 0 10px;}
.order_confirm .select p i{ width:10px; height:5px; font-size:0; line-height:0; background:url(../images/public/icon_common.png) no-repeat -90px -97px; position:absolute; right:10px; top:12px;}
.order_confirm .select .item{ display:none; width:100%; border:1px solid #ccc; border-top:none; background:#fff; padding:10px 0; position:absolute; left:-1px; top:29px;}
.order_confirm .select .item li{ line-height:20px; padding:10px; cursor:pointer;}
.order_confirm .select .item li:hover{ background:#f1f1f1;}

.order_confirm .brief{ width:211px; border:1px solid #c9c9c9; border-top:none; border-bottom:none; padding:10px 0; position:relative;}
.order_confirm .brief .bg_t,.order_confirm .brief .bg_b{ background:url(../images/order/icon_order.png) no-repeat; position:absolute;}
.order_confirm .brief .bg_t{ width:230px; height:19px; background-position:0 -47px; top:-10px; left:50%; margin-left:-115px;}
.order_confirm .brief .bg_b{ width:213px; height:12px; background-position:0 -75px; bottom:-12px; left:-1px;}
.order_confirm .brief h2{ height:48px; line-height:48px; font-size:20px; color:#8d8d8d; font-weight:normal; text-align:center;}
.order_confirm .brief table{ width:190px; color:#585858; margin:0 auto;}
.order_confirm .brief th{ width:50%; text-align:left; font-size:16px; padding:5px;}
.order_confirm .brief td{ width:50%; text-align:right; padding:5px;}
.order_confirm .brief td span{ color:#ff8158; padding-right:5px;}
.order_confirm .brief thead th,.order_confirm .brief thead td{ border:1px dashed #949494; border-left:none; border-right:none; height:50px; line-height:50px;}
.order_confirm .brief tbody th,.order_confirm .brief tbody td{ padding:5px 0;}
.order_confirm .brief tfoot th,.order_confirm .brief tfoot td{ border-top:1px dashed #949494; height:40px; line-height:40px;}

.order_confirm .pro_info{ width:820px; height:190px;}
.order_confirm .pro_info .info{ width:400px; color:#585858;}
.order_confirm .pro_info .info img{ float:left; display:inline; width:185px; height:115px;}
.order_confirm .pro_info .info p{ float:right; display:inline; width:190px; color:#3a98c4; padding-top:15px;}
.order_confirm .pro_info .info p a{ color:#3a98c4;}
.order_confirm .pro_info .people{ width:105px; padding:25px 0 0 15px;}
.order_confirm .pro_info .date{ width:135px; padding:25px 0 0 15px;}
.order_confirm .pro_info .rate{ width:140px;}
.order_confirm .pro_info .rate strong{ display:block; line-height:24px; font-weight:normal; font-size:18px; color:#ff8158; padding:20px 0;}
.order_confirm .pro_info .rate a{ display:block; width:136px; height:24px; text-align:center; color:#469ac4; background:#e5e5e5; margin-bottom:5px;}

.order_confirm .ser_info{ width:790px; border:1px solid #d6d6d6; padding:10px 15px 45px; margin-bottom:30px; border-radius:5px; position:relative; behavior:url(/css/pie.htc);}
.order_confirm .ser_info h3{ height:48px; line-height:48px; font-size:26px; font-weight:normal; color:#585858;}
.order_confirm .ser_info table{ width:100%;}
.order_confirm .ser_info th{ height:36px; color:#b0b0b1; background:#ebebeb; text-align:left; padding-left:15px;}
.order_confirm .ser_info th span{ display:block; width:100%; padding-left:20px;}
.order_confirm .ser_info td{ height:38px; border-bottom:1px solid #e5e5e5; padding:10px 0 10px 15px; word-break:break-all;}
.order_confirm .ser_info td em{ padding-left:15px; color:#585858; font-style:normal; padding-left:15px;}
.order_confirm .ser_info td span{ color:#ff7837;}
.order_confirm .ser_info .select{ width:75px;}
.order_confirm .ser_info .select span{ width:34px; color:#737373;}

.order_confirm .pas_info{ width:790px; border:1px solid #d6d6d6; padding:10px 15px 15px; border-radius:5px; position:relative; behavior:url(/css/pie.htc);}
.order_confirm .pas_info h3{ height:48px; line-height:48px; font-size:26px; font-weight:normal; color:#585858;}
.order_confirm .pas_info .note{ width:773px; height:40px; line-height:40px; font-size:12px; color:#8d8b86; padding-left:15px; background:#fffcf4; border:1px solid #ffe1b7; border-radius:5px; position:relative; behavior:url(/css/pie.htc);}
.order_confirm .pas_info b{ color:#f00;}
.order_confirm .pas_info dl{ overflow:hidden;}
.order_confirm .pas_info dd{ padding-top:25px; border-top:1px dashed #929292; margin-bottom:28px; margin-top:-1px;}
.order_confirm .pas_info .base{ width:100%;}
.order_confirm .pas_info .base th{ height:36px; font-size:16px; color:#b0b0b1; background:#ebebeb; text-align:left;}
.order_confirm .pas_info .base th span{ display:block; text-align:center;}
.order_confirm .pas_info .base td{ height:52px;}
.order_confirm .pas_info .base td span{ font-size:20px; color:#686969; padding:0 10px 0 25px;}
.order_confirm .pas_info .base td .select .info{ font-weight:normal; font-size:16px; padding:0 0 0 10px;}
.order_confirm .pas_info .base td input{ width:104px; height:28px; line-height:28px; border:1px solid #ccc; padding:0 10px;}
.order_confirm .pas_info .detail{ width:650px; margin-left:115px; background:#f6f6f6;}
.order_confirm .pas_info .detail caption{ height:44px; line-height:44px; font-size:12px; text-align:left; color:#545454; background:#f6f6f6; padding:10px 0 0 35px;}
.order_confirm .pas_info .detail th{ width:135px; height:44px; padding-right:15px; text-align:right;}
.order_confirm .pas_info .detail td{ height:44px;}
.order_confirm .pas_info .detail td input{ width:194px; height:28px; line-height:28px; border:1px solid #ccc; padding:0 10px;}

.order_confirm .check{ height:62px; line-height:62px; color:#5db8e6; font-size:16px;}
.order_confirm .check a{ color:#ff7958;}
.order_confirm .check label{ padding-left:10px;}
.order_confirm .buy{ display:block; width:180px; height:56px; line-height:56px; background:#ff802c; font-size:26px; color:#fff; text-align:center; margin:0 auto;}

/*支付订单*/
.order_info{ width:1120px; margin:0 auto;}
.order_info h2{ height:42px; line-height:42px; color:#010203; font-weight:normal; font-size:20px; background:#e5e5e5; padding-left:15px; margin-bottom:10px;}
.order_info table{ margin-bottom:10px;}
.order_info table td{ padding:15px 25px;}
.order_info table a{ display:block; width:410px; color:#3a98c4; margin:0 auto;}
.order_info table strong{ font-size:18px; color:#ff8158; font-weight:normal;}
.order_info .rate{ height:90px; border-top:1px solid #e6e6e6; position:relative;}
.order_info .rate .btn_show{ width:86px; height:29px; line-height:29px; font-size:12px; color:#999; padding-left:20px; background:url(../images/order/icon_order.png) no-repeat; position:absolute; top:-1px; left:50%; margin-left:-53px; cursor:pointer;}
.order_info .rate .btn_show i{ width:7px; height:4px; font-size:0; line-height:0; background:url(../images/order/icon_order.png) no-repeat -128px -134px; position:absolute; right:16px; top:13px;}
.order_info .rate .btn_show.open i{ background-position:-128px -148px}
.order_info .rate p{ height:74px; line-height:74px; text-align:right; font-size:18px; color:#585858;}
.order_info .rate p strong{ font-size:22px; color:#ff8158;}
.order_info .rate p span i{ color:#ff8158; font-style:normal;}

.order_pay{ width:1120px; margin:0 auto; padding-bottom:60px;}
.order_pay h2{ height:42px; line-height:42px; color:#010203; font-weight:normal; font-size:20px; background:#e5e5e5; padding-left:15px; margin-bottom:10px;}
.order_pay .pay_nav{ height:44px; border-left:1px solid #e0e0e0; margin-bottom:20px;}
.order_pay .pay_nav li{ float:left; display:inline; width:200px; height:42px; line-height:42px; text-align:center; font-size:20px; color:#6e6e6e; border:1px solid #e0e0e0; border-left:none; cursor:pointer; position:relative;}
.order_pay .pay_nav .cur{ color:#fff; background:#ff802c; border-color:#ff802c;}
.order_pay .pay_nav .cur i{ width:16px; height:8px; font-size:0; line-height:0; background:url(../images/public/icon_common.png) no-repeat -119px -92px; position:absolute; left:50%; bottom:-9px; margin-left:-8px;}
.order_pay .pay_ico{ display:none; overflow:hidden; _zoom:1; padding-bottom:45px;}
.order_pay .pay_ico li{ float:left; display:inline; width:200px; height:100px; margin:25px 0 0 25px; position:relative; cursor:pointer;}
.order_pay .pay_ico li span{ width:100%; height:100%; border:1px solid #c5c5c5; position:absolute; left:-1px; top:-1px; border-radius:4px; behavior:url(/css/pie.htc);}
.order_pay .pay_ico li img{ display:block; width:100%; height:100%; border-radius:3px; position:relative; behavior:url(/css/pie.htc);}
.order_pay .pay_ico .select span{ border:2px solid #ff802c; left:-2px; top:-2px; border-radius:5px; behavior:url(/css/pie.htc);}
.order_pay .pay_ico .select i{ width:48px; height:39px; background:url(../images/order/icon_order.png) no-repeat -182px 0; position:absolute; right:0; bottom:0;}
.order_pay .rate{ padding-top:45px; border-top:1px dashed #d1d1d1; font-size:18px; color:#585858;}
.order_pay .rate span i{ color:#ff8158; font-style:normal;}
.order_pay .rate strong{ font-size:22px; color:#ff8158;}
.order_pay .buy{ display:block; width:180px; height:56px; line-height:56px; background:#ff802c; font-size:26px; color:#fff; text-align:center; margin:0 auto;}

/*支付*/
.pay_suc{ padding:120px 0 0 600px; height:230px;}
.pay_suc h2{ height:80px; line-height:80px; font-size:46px; color:#ff802c; font-weight:normal; position:relative;}
.pay_suc h2 i{ width:76px; height:76px; background:url(../images/public/icon_common.png) no-repeat 0 -128px; position:absolute; left:-100px; top:20px;}
.pay_suc p{ height:30px; line-height:30px; color:#4687bc; font-size:16px;}
.pay_suc p a{ color:#4687bc;}

.pay_fail{ padding:120px 0 0 600px; height:230px;}
.pay_fail h2{ height:80px; line-height:80px; font-size:46px; color:#ff802c; font-weight:normal; position:relative;}
.pay_fail h2 i{ width:76px; height:76px; background:url(../images/public/icon_common.png) no-repeat -82px -128px; position:absolute; left:-100px; top:20px;}
.pay_fail p{ height:30px; line-height:30px; font-size:16px; margin-bottom:20px;}
.pay_fail a{ display:block; width:164px; height:44px; line-height:44px; background:#ff802c; font-size:16px; color:#fff; text-align:center;}

.pay_wait{ padding:65px 0 0 225px; height:270px;}
.pay_wait img{ float:left; display:inline;}
.pay_wait .r{ margin:30px 0 0 35px;}